<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/navbar.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
	</head>
	<body>
		
		<nav class="navbar navbar-default">
			<div class="container myNav">
			    <!--移动端的按钮样式-->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#"><img src="img/logo.png"/></a>
			    </div>
			
			    <!-- 平板端上显示的内容 -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li class="active"><a href="page.html">首页<span class="sr-only">(current)</span></a></li>
			        <li><a href="family.html">Laya家族</a></li>
			        
			            <li><a href="game.html">游戏</a></li>
			           
			            <li><a href="new.html">新闻动态</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="about.html">关于我们</a></li>
			            <li role="separator" class="divider"></li>
			            
			          </ul>
			        </li>
			      </ul>
			     
			      <ul class="nav navbar-nav navbar-right">
			       
			        <li class="dropdown">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">简体中文</a></li>
			            <li><a href="#">繁体中文</a></li>
			            <li><a href="#">English</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">Separated link</a></li>
			          </ul>
			        </li>
			      </ul>
			    </div><!-- /.navbar-collapse -->
			 </div><!-- /.container-fluid -->
		</nav>
		
		<div id="develop">
			<div class="container">
				<div class="row">
					<img src="img/layabox.jpg"/>
				</div>
			</div>
		</div>
		
		<div id="engine">
			<div class="container w1000">
				<div class="row myrow">
					<div class="col-sm-8 col-xs-12 left-img">
						<h1>LayaFlash 引擎</h1>
						<h2>让Flash技术变成开发HTML5产品的利器</h2>
						
						<div class="row ">
							<div class="col-md-6 col-sm-12 engine-intro">
								<div class="row">
									<div class="col-xs-3">
										<img src="img/flash1.jpg"/>
									</div>
									<div class="col-xs-9">
										<h4>快速Flash产品转换</h4>
										<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-12 engine-intro">
								
								<div class="row">
									<div class="col-xs-3">
										<img src="img/flash2.jpg"/>
									</div>
									<div class="col-xs-9">
										<h4>LayaFlash IDE</h4>
										<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>
									</div>
								</div>
								
							</div>
							<div class="col-md-6 col-sm-12 engine-intro">
								
								<div class="row">
									<div class="col-xs-3">
										<img src="img/flash3.jpg"/>
									</div>
									<div class="col-xs-9">
										<h4>HTML5零学习成本</h4>
										<p>AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5</p>
									</div>
								</div>
								
							</div>
							<div class="col-md-6 col-sm-12 engine-intro">
								
								<div class="row">
									<div class="col-xs-3">
										<img src="img/flash4.jpg"/>
									</div>
									<div class="col-xs-9">
										<h4>性能媲美APP</h4>
										<p>LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--<div class="col-md-4 hidden-xs right-img">
						<img src="img/flash5.jpg"/>
					</div>-->
				</div>
			</div>
		</div>
		
		<div id="advantage">
			<div class="container w1000">
				<div class="row">
					<div class="hidden-xs col-sm-5 col-md-5 left_img">
						<img src="img/layabox1.jpg"/>
					</div>
					<div class="col-xs-12 col-sm-7 col-md-7 right_img">
						<div class="title row">
							<h1>Layabox 优势</h1>
						</div>
						<div class="row right-p">
							<div class="col-xs-2 col-md-2">
								<img src="img/layabox2.jpg"/>
							</div>
							<div class="col-xs-8 col-md-10">
								<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
							</div>
						</div>
						<div class="row right-p">
							<div class="col-xs-2 col-md-2">
								<img src="img/layabox3.jpg"/>
							</div>
							<div class="col-xs-8 col-md-10">
								<p>4年优化打磨，LayaPlayer运行器性能媲美APP</p>
							</div>
						</div>
						<div class="row right-p">
							<div class="col-xs-2 col-md-2">
								<img src="img/layabox3.jpg"/>
							</div>
							<div class="col-xs-8 col-md-10">
								<p>超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
							</div>
						</div>
						<div class="row right-p">
							<div class="col-xs-2 col-md-2">
								<img src="img/layabox4.jpg"/>
							</div>
							<div class="col-xs-8 col-md-10">
								<p>使用LayaFlash开发大型HTML5游戏的企业超100家</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div id="family">
			<div class="container w1000">
				<div class="row">
					<div class="col-xs-12 title">
						<h1>Layabox产品家族</h1>
					</div>
					<div class="col-md-6 stage">
						<div class="row">
							<div class="col-xs-3 col-md-3">
								<img src="img/cp1.png"/>
							</div>
							<div class="col-xs-9 col-md-7">
								<h4>
									LayaAir
								</h4>
								<p>
									核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 stage">
						<div class="row">
							<div class="col-xs-3 col-md-3">
								<img src="img/cp4.png"/>
							</div>
							<div class="col-xs-9 col-md-7">
								<h4>
									LayaPublish
								</h4>
								<p>
									Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 stage">
						<div class="row">
							<div class="col-xs-3 col-md-3">
								<img src="img/cp2.png"/>
							</div>
							<div class="col-xs-9 col-md-7">
								<h4>
									LayaFlash
								</h4>
								<p>
									使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 stage">
						<div class="row">
							<div class="col-xs-3 col-md-3">
								<img src="img/cp5.png"/>
							</div>
							<div class="col-xs-9 col-md-7">
								<h4>
									LayaStore
								</h4>
								<p>
									嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 stage">
						<div class="row">
							<div class="col-xs-3 col-md-3">
								<img src="img/cp3.png"/>
							</div>
							<div class="col-xs-9 col-md-7">
								<h4>
									LayaPlayer
								</h4>
								<p>
									HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 stage">
						<div class="row">
							<div class="col-xs-3 col-md-3">
								<img src="img/cp6.png"/>
							</div>
							<div class="col-xs-9 col-md-7">
								<h4>
									LayaOpen
								</h4>
								<p>
									Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。
								</p>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		
		<div id="game">
			<div class="container w1000">
				
					<div class="row title">
						<div class="col-xs-12">
							<p>采用Layabox引擎的精彩游戏<a href="">更多</a></p>
						</div>
					</div>
					<div class="row game">
						<div class="hidden-xs col-sm-6 col-md-5 img-left">
							<a href=""><img src="img/yxyg.jpg"/></a>
						</div>
						<div class="col-xs-12 col-sm-6 col-md-7">
							<div class="row allgame">
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/lr2.jpg"/>
									<p><a href="">猎刃2</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/sbzg.jpg"/>
									<p><a href="">上把主公</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/zxy.jpg"/>
									<p><a href="">醉西游</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/mkhx.jpg"/>
									<p><a href="">魔卡幻想</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/cnzd.jpg"/>
									<p><a href="">超能战队</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/dtdbl.jpg"/>
									<p><a href="">刀塔大菠萝</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/hsg.jpg"/>
									<p><a href="">轰三国</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/mnlr.jpg"/>
									<p><a href="">迷你猎人</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/mgsg.jpg"/>
									<p><a href="">萌挂三国</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/dtsg.jpg"/>
									<p><a href="">夺塔三国</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/yxzb.jpg"/>
									<p><a href="">英雄争霸</a></p>
								</div>
								<div class="col-xs-4 col-sm-3 col-md-2">
									<img src="img/zzzm.jpg"/>
									<p><a href="">战争之门</a></p>
								</div>
							</div>
						</div>
					</div>
				
			</div>
		</div>
		
		<div id="partner">
			<div class="container w1000">
				<div class="row">
					<div class="col-xs-12 title">
						<p>合作伙伴<span>(排序不分先后)</span></p>
					</div>
					<div class="row img-btx">
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/qqkj.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/liulanqi.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/baidu.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/weibo.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/hsyd.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/liebao.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/ayx.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/xw.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/mgyx.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/mtxx.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/yyyx.jpg"/></a>
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<a href=""><img src="img/kwyy.jpg"/></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		
		
		
		<!--底部-->
		<footer>
			<div class="container">
				<div class="row w1000">
					<div class="col-sm-8 col-md-9 left-word">
						<div class="word-top">
							<a href="">公司简介</a>
							<a href="">联系方式</a>
							<a href="">人才招聘</a>
						</div>
						<div class="word-bottom">
							<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
						</div>
					</div>
					<div class="hidden-xs col-sm-4 col-md-3 right-img">
						<div class="row">
							<div class="col-sm-4 col-md-4"><a href=""><img src="img/qq.jpg" alt="" /></a></div>
							<div class="col-sm-4 col-md-4">
								<a href=""><img src="img/weixin.jpg" alt="" /></a>
								<a href="" class="ewm"><img src="img/erweima.jpg"/></a>
							</div>
							
							<div class="col-sm-4 col-md-4"><a href=""><img src="img/youjian.jpg" alt="" /></a></div>
						</div>				
					</div>
				</div>
			</div>
		</footer>
		
		
		<script src="js/jquery-2.1.0.js" type="text/javascript"></script>
		<script src="js/bootstrap.js"></script>
		
		
		
		
		
	</body>
</html>
